<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试css网页布局</title>
    <link href="C:\Users\K1ngD0m\Desktop\项目设计\global.css" rel="stylesheet">
</head>
<body>
    <div style="width:300px;height : 300px; border : 10px dashed black" >
    </div>
    <div style="background: white; width:150px; height: 150px; border: 3px solid red;
    margin:20px; padding: 30px; border-radius: 10px">
        <div>这是一个标题</div>
        <div>这是一个标题</div>
        <div>这是一个标题</div>
        <div>这是一个标题</div>
        <div>这是一个标题</div>
        <div>这是一个标题</div>

    </div>
 <h1>flex布局</h1>
    <div style="display:flex;width:70%; margin:0 auto">
        <div style="flex:1; display:flex">
            <div style="flex:1">豆瓣网</div>
            <div style="flex:1"> <input type="text"> </div>
        </div>

        <div style="flex:1">
            <div>读书</div>
            <div>电影</div>
            <div>音乐</div>
        </div>
    </div>
</body>
</html>